<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AdminLTE 3 | Dashboard 3</title>

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
    <!-- IonIcons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- DataTables -->
    <link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/adminlte.min.css">

    <link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css">
    <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script src="exceljs/Blob.js"></script>

    <script src="exceljs/FileSaver.js"></script>

    <script src="exceljs/tableExport.js"></script>
  </head>
  <!--
`body` tag options:

  Apply one or more of the following classes to to the body tag
  to get the desired effect

  * sidebar-collapse
  * sidebar-mini
-->
  <body class="hold-transition sidebar-mini">
    <div class="wrapper">

      <div id="all">

      <!-- 库存管理 -->
      <div id="kcgl">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link">
                    <i class="fas fa-paw nav-icon"></i>
                    <p>黄金品类</p>
                  </a>
                </li>

                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-5">
                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-2">
                <div class="btn-group">
                  <button type="button" class="btn btn-default"  onclick="fun17()" @click="detail_pp()">全部</button>
                  <button type="button" class="btn btn-default" v-model="hpzh_dp" onclick="fun15()" @click="detail_dp()">单品</button>
                  <button type="button" class="btn btn-default" v-model="hpzh_tp" onclick="fun16()" @click="detail_tp()">通品</button>
                </div>
                
              </ul>
              
              
            </nav>
            
            
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12" id="pp">
                <table id="example3" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center" >
                    <tr role="row" class="odd" style="display: none;">
                      <td class="" tabindex="0">Gecko</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Gnome</td>
                      <td  style="">1.8</td>
                      <td style="">A</td>
                    </tr>

                    <tr v-for="(warehousing,index) in warehousings">
                        <td><a href="#" style="color: black;" @click="delete_rk(warehousing.worder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                        <td><a href="#" onclick="fun18()" @click="detail(warehousing.worder,index)">{{warehousing.worder}}</a></td>
                        <td>{{warehousing.cname}}</td>
                        <td>{{warehousing.pname}}</td>
                        <td>{{warehousing.sname}}</td>
                        <td>{{warehousing.aname}}</td>
                        <td>{{warehousing.qname}}</td>
                        <td>{{warehousing.cgname}}</td>
                        <td>{{warehousing.weight}}</td>
                        <td>{{warehousing.num}}</td>
                      </tr>
                  </tbody>
                </table>
              </div>
              <div class="col-sm-12" id="dp" style="display: none;">
                <table id="example17" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center" >
                    <tr role="row" class="odd" style="display: none;">
                      <td class="" tabindex="0">Gecko</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Gnome</td>
                      <td  style="">1.8</td>
                      <td style="">A</td>

                    </tr>

                    <tr v-for="(details_dp,key) in details_dps">
                        <td><a href="#" @click="hpzh(details_dp.worder)" style="color: black;" ><i class="nav-icon fas fa-spinner"></i></a></td>
                        
                        <td><a href="#" onclick="fun18()" v-model="details_dp.worder" @click="detail(details_dp.worder)">{{details_dp.worder}}</a></td>
                        <td>{{details_dp.cname}}</td>
                        <td>{{details_dp.pname}}</td>
                        <td>{{details_dp.sname}}</td>
                        <td>{{details_dp.aname}}</td>
                        <td>{{details_dp.qname}}</td>
                        <td>{{details_dp.cgname}}</td>
                        <td>{{details_dp.weight}}</td>
                        <td>{{details_dp.num}}</td>
                      </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="col-sm-12" id="tp" style="display: none;">
                <table id="example18" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center" >
                    <tr role="row" class="odd" style="display: none;">
                      <td class="" tabindex="0">Gecko</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Gnome</td>
                      <td  style="">1.8</td>
                      <td style="">A</td>

                    </tr>

                    <tr v-for="details_tp in details_tps">
                        <td><a href="#" style="color: black;" @click="hpzhtp(details_tp.worder)"><i class="nav-icon fas  fa-spinner"></i></a></td>
                        <td><a href="#" onclick="fun18()" v-model="details_tp.worder" @click="detail(details_tp.worder)">{{details_tp.worder}}</a></td>
                        <td>{{details_tp.cname}}</td>
                        <td>{{details_tp.pname}}</td>
                        <td>{{details_tp.sname}}</td>
                        <td>{{details_tp.aname}}</td>
                        <td>{{details_tp.qname}}</td>
                        <td>{{details_tp.cgname}}</td>
                        <td>{{details_tp.weight}}</td>
                        <td>{{details_tp.num}}</td>
                      </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
    <!-- 库存详情 -->
    <div id="kcxq" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-tasks nav-icon"></i>
                    <p>库存详情页</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
                <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >基本信息</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" > 
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>单号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.worder}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>品类:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.cgname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客户:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.cname}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>表单类型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.fname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>区域:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.aname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>成色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.qname}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仓库:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.sname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.weight}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.num}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>产品名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.pname}}</p>
                    
                </li>
              </ul>
              
              
            </nav>
           
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12">
                <table id="example16" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center">
                    <tr role="row" class="odd" style="display: none;">
                      <td class="" tabindex="0">Gecko</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Epiphany 2.20</td>
                      <td style="">Gnome</td>
                      <td style="">Gnome</td>
                      <td  style="">1.8</td>
                      <td style="">A</td>

                    </tr>

                    <tr v-for="(warehousing,index) in warehousings">
                        <td><a href="#" style="color: black;" @click="delete_rk(warehousing.worder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                        <td><a href="#" onclick="fun18()" @click="detail(warehousing.worder,index)">{{warehousing.worder}}</a></td>
                        <td>{{warehousing.cname}}</td>
                        <td>{{warehousing.pname}}</td>
                        <td>{{warehousing.sname}}</td>
                        <td>{{warehousing.aname}}</td>
                        <td>{{warehousing.qname}}</td>
                        <td>{{warehousing.cgname}}</td>
                        <td>{{warehousing.weight}}</td>
                        <td>{{warehousing.num}}</td>
                      </tr>
                    
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
</div>

    </div>
    <!-- ./wrapper -->

    <!-- REQUIRED SCRIPTS -->

    <!-- jQuery -->
    <script src="plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AdminLTE -->
    <script src="dist/js/adminlte.js"></script>

    <!-- OPTIONAL SCRIPTS -->
    <script src="plugins/chart.js/Chart.min.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="dist/js/demo.js"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="dist/js/pages/dashboard3.js"></script>
    <!-- DataTables -->
    <script src="plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
   <!-- <script src="dist/js/adminlte.min.js"></script> -->
    <!-- page script -->
    <script>
      $(function() {
        $("#example1").DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example2').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example3').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example4').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example5').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example6').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example7').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example8').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example9').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example10').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example11').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example12').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example13').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example14').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example15').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
        $('#example16').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
        $('#example17').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
        $('#example18').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
      });
    </script>
    <script>
      
      //显示库存管理
      function fun3() {
        document.getElementById("kcgl").style.display = "";
        document.getElementById("kcxq").style.display = "none";
        alldisplay();
      }
      
    //显示库存详情
      function fun18() {
        document.getElementById("kcgl").style.display = "none";
        document.getElementById("kcxq").style.display = "";
      }
    //显示单品
      function fun15() {
    	  document.getElementById("dp").style.display = "";
    	  document.getElementById("tp").style.display = "none";
    	  document.getElementById("pp").style.display = "none";
        }
    //显示通品
      function fun16() {
          document.getElementById("dp").style.display = "none";
          document.getElementById("tp").style.display = "";
          document.getElementById("pp").style.display = "none";
        }
    //显示全部
      function fun17() {
          document.getElementById("dp").style.display = "none";
          document.getElementById("tp").style.display = "none";
          document.getElementById("pp").style.display = "";
        }
    
     
    </script>
    <script>
      var ttindex=0;
       new Vue({
           el:"#all",
           
           data:{
               warehousings:[],
               details:[],
               areas:[],
               cnames:[],
               cgnames:[],
               storehouses:[],
               departments:[],
               details_dps:[],
               details_tps:[],
               dps:[],
               warehousing:[],
               hpzh_dp:"单品",
               hpzh_tp:"通品",
               details_dp:"",
               details_tp:"",
               dp:""
           },
        //当页面记载完毕时 
        mounted(){
               axios.get('warehousing/find')
               .then(res =>{
                   console.info(res.data);
                   this.warehousings=res.data;
               }),
               axios.get('warehousing/cgname',{
            	   params: { 
                       cgname: "单品"
                    }
               })
               .then(res =>{
                   console.info(res.data);
                   this.dps=res.data;
                   
               })
               
        },
        methods:{
            detail:function(warehousing,index){
             ttindex=index;
             this.warehousing=this.warehousings[index];
               axios.get('warehousing/detail',{
                   params: { 
                       worder: warehousing
                    }
               })
               .then(res =>{
                  
                   console.info(res.data);
                   this.details=res.data[0];
                   //alert(this.details.fname);
                   
               })
            },
                 detail_dp:function(){
                     axios.get('warehousing/cgname',{
                         params: { 
                             cgname: this.hpzh_dp
                          }
                     })
                     .then(res =>{
                         console.info(res.data);
                         this.details_dps=res.data;
                         
                     })
                  },
                  detail_tp:function(){
                      axios.get('warehousing/cgname',{
                          params: { 
                              cgname: this.hpzh_tp
                           }
                      })
                      .then(res =>{
                          console.info(res.data);
                          this.details_tps=res.data;
                          
                      })
                   },
                   detail_pp:function(){
                	   axios.get('warehousing/find')
                       .then(res =>{
                           console.info(res.data);
                           this.warehousings=res.data;
                       })
                   },
                   hpzh:function(details_dp){
                	   //alert(details_dp);
                	   axios.get('warehousing/update',{
                           params: { 
                               worder: details_dp
                            }
                       })
                       .then(res =>{
                           console.info(res.data);
                           var dps=this.dps;
                           //var details_dp=this.details_dp
                           if(res.data=="success"){
                        	   alert("转换成功");
                        	   for(var i=0;i<dps.length;i++){
                                   var b=dps[i];
                                   if(b.worder==details_dp){
                                       dps.splice(i,1);
                                       //重新赋值
                                       this.dps=dps;
                                       this.details_dps=dps;
                                       break;
                                   }
                               }
                           }else{
                        	   alert("转换失败")
                           }
                       })
                   },
                   hpzhtp:function(details_tp){
                       //alert(details_tp);
                       axios.get('warehousing/update_tp',{
                           params: { 
                               worder: details_tp
                            }
                       })
                       .then(res =>{
                           console.info(res.data);
                           var details_tps=this.details_tps
                           if(res.data=="success"){
                               alert("转换成功");
                               for(var i=0;i<details_tps.length;i++){
                                   var b=details_tps[i];
                                   if(b.worder==details_tp){
                                	   details_tps.splice(i,1);
                                       //重新赋值
                                       this.details_tps=details_tps;
                                       break;
                                   }
                               }
                           }else{
                               alert("转换失败")
                           }
                       })
                   },
                         
                 
        }
        
           });
            
        </script>
  </body>
</html>
